<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>data三种写法</title>
		
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">{{msg}}</div>
	</body>
	<script>
		new Vue({
			el:'#app',
			// 写法1:标准写法
			// data:{
			// 	msg: 'Hello Vue!'
			// }
			
			// 写法2:函数形式,返回对象
			// data:function(){
			// 	return{
			// 		msg: 'Hello Vue2!'
			// 	}
			// }
			
			// 写法3:函数形式,ES6新标准
			data(){
				return{
					msg: 'Hello Vue3!'
				}
			}
		})
	</script>
</html>
